<template>
  <div class="recommend-info">
      <div class="info-header">热门推荐</div>
      <!-- <goods-list-item v-for="(item,index) in recommendList" :key="index" :goodsItem="item"></goods-list-item> -->
      <goods-list :goods="recommendList"></goods-list>
  </div>
</template>

<script>
import GoodsList from '../../../components/content/goods/GoodsList.vue'
// import GoodsListItem from '../../../components/content/goods/GoodsListItem.vue'
export default {
  components: { GoodsList },
 props: {
     recommendList: {
         type: Array,
         default(){
             return []
         }
     },
 },
}
</script>

<style>
.info-header{
    text-align: center;
}
</style>